<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/templates/templateLayout.xhtml">

	<f:metadata>
		<f:event type="preRenderView" listener="#{cuentaBean.vermensaje()}" />
	</f:metadata>

	<ui:define name="centerContent">
		<h:panelGroup layout="block"
			class="title ui-widget-header ui-corner-all"
			style="padding: 8px; font-size: 16px !important; text-align: center;">
			<h:outputText value="#{msgs['title.cuentas']}" />


			<h:form id="formentity">
				<p:growl showDetail="true" id="msgGrwl" />
				<p:messages id="messagesFilter" showDetail="true"  closable="true" showSummary="true"/>


				<p:dataTable id="list" var="item" value="#{cuentaBean.list}"
					widgetVar="entityTable" rowKey="#{item.id}" lazy="true"
					selectionMode="single" 
					selection="#{cuentaBean.entity}" paginator="true"
					resizableColumns="false" rows="10"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="10,20,30,50"
					paginatorPosition="bottom"  filterDelay="1000" emptyMessage="#{msgs['lista.vacia']}">


					<p:ajax event="rowSelect" listener="#{cuentaBean.onRowSelect}"
						update=":formentity:msgGrwl" immediate="true" />
					<p:ajax event="filter" listener="#{alquilerBean.filterListener(':formentity:list')}" 
						update=":formentity:messagesFilter"/>

					<p:column headerText="#{msgs['nombre']}" id="nombre" filterBy="#{item.nombre}"
						sortBy="#{item.nombre}" styleClass="texto-grilla">
						<h:outputText value="#{item.nombre}" />
						<p:watermark forElement="formentity:list:nombre:filter"  value="#{msgs['filtro']} #{msgs['nombre']}..."/>
					</p:column>
					<p:column headerText="#{msgs['codigo']}" id="codigo" filterBy="#{item.codigo}"
						sortBy="#{item.codigo}">
						<h:outputText value="#{item.codigo}" />
						<p:watermark forElement="formentity:list:codigo:filter"  value="#{msgs['filtro']} #{msgs['codigo']}..."/>
					</p:column>
					<p:column headerText="#{msgs['saldo']}" sortBy="#{item.saldo}">
						<h:outputText value="#{item.saldo}">
							<f:convertNumber currencySymbol="$" type="currency" />
						</h:outputText>
					</p:column>
					<p:column headerText="#{msgs['form.estado']}"
						filterOptions="#{utilsBean.cuentaEstado}"
						filterBy="#{item.estado}" sortBy="#{item.estado}">
						<h:outputText value="#{item.estado.toString()}" />
					</p:column>
					
					<p:column headerText="#{msgs['grupo']}" id="grupo"
						filterOptions="#{utilsBean.grupo}" filterBy="#{item.grupo}"
						sortBy="#{item.grupo}">
						<h:outputText value="#{item.grupo.value}" />
						<p:watermark forElement="formentity:list:grupo:filter"  value="#{msgs['filtro']} #{msgs['grupo']}..."/>
					</p:column>
					<p:column headerText="#{msgs['subGrupo']}" id="subGrupo"
						filterOptions="#{utilsBean.subGrupo}" filterBy="#{item.subGrupo}"
						sortBy="#{item.subGrupo}">
						<h:outputText value="#{item.subGrupo.value}" />
						<p:watermark forElement="formentity:list:subGrupo:filter"  value="#{msgs['filtro']} #{msgs['subGrupo']}..."/>
					</p:column>
					<p:column headerText="#{msgs['numero']}" id="numero" filterBy="#{item.numero}"
						sortBy="#{item.numero}">
						<h:outputText value="#{item.numero}" />
						<p:watermark forElement="formentity:list:numero:filter"  value="#{msgs['filtro']} #{msgs['numero']}..."/>
					</p:column>
					<p:column width="60">
						<h:link outcome="create" title="Editar">
							<p:graphicImage library="images" name="edit-grid.png" />
							<f:param name="id" value="#{item.id}" />
						</h:link>
						<h:link outcome="view" title="Ver">
							<p:graphicImage library="images" name="view-grid.png" />
							<f:param name="id" value="#{item.id}" />
						</h:link>
					</p:column>

				</p:dataTable>
			</h:form>
		</h:panelGroup>
	</ui:define>

</ui:composition>
</html>
